<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles"
	prefix="tiles"%>

<rich:panel header="#{messages['voucher.mgmt.label']}">
	<h:panelGrid>
		<h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText>
	</h:panelGrid>
	
	<h:panelGrid width="100%">
		<h:panelGroup>
		    <h:outputText value="#{messages['voucher.assignment.label']}" styleClass="sub_header" />
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<h:outputText value="#{messages['instruction']}" styleClass="standardText_Instruction" />
		</h:panelGroup>
	</h:panelGrid>
	
	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		<h:outputText></h:outputText>
		<t:message for="assignTo" styleClass="error"></t:message>
		
		<h:panelGroup>
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<h:outputLabel for="assignTo" value="#{messages['voucher.assign.to.label']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
		    <t:selectOneRadio layout="lineDirection" styleClass="standardText" >
		    	<f:selectItem  itemLabel="#{messages['voucher.agent.label']}" itemValue="" />
		    	<f:selectItem itemLabel="#{messages['voucher.employee.label']}" itemValue=""/>
		    </t:selectOneRadio> 
		</h:panelGroup>	
		
		<h:outputText></h:outputText>
		<t:message for="agent" styleClass="error"></t:message>
		
		<h:panelGroup>
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<h:outputLabel for="agent" value="#{messages['voucher.agent.label']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:selectOneMenu id="agent" styleClass="standardText" value="" required="true">
				<f:selectItem itemLabel="#{messages['please.select']}" itemValue="" />
			</t:selectOneMenu>
		</h:panelGroup>	
		
		<h:outputText></h:outputText>
		<t:message for="startVoucher" styleClass="error"></t:message>
		<h:panelGroup>
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<h:outputLabel for="startVoucher" value="#{messages['voucher.start.label']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:selectOneMenu id="startVoucher" styleClass="standardText" value="" required="true">
				<f:selectItem itemLabel="#{messages['please.select']}" itemValue="" />
			</t:selectOneMenu>
		</h:panelGroup>
		
		<h:outputText value="#{messages['voucher.product.label']}" styleClass="standardText_Label" />
		<h:outputText value="Product" styleClass="standardText" />
		
		<h:outputText value="#{messages['voucher.no.of.person.label']}" styleClass="standardText_Label" />
		<h:outputText value="1" styleClass="standardText" />
		
		<h:outputText value="#{messages['voucher.no.of.nights.label']}" styleClass="standardText_Label" />
		<h:outputText value="1" styleClass="standardText" />
		
		<h:outputText value="#{messages['effective.date.label']}" styleClass="standardText_Label" />
		<h:outputText value="01/04/2008" styleClass="standardText" />
		
		<h:outputText value="#{messages['expiry.date.label']}" styleClass="standardText_Label" />
		<h:outputText value="01/04/2009" styleClass="standardText" />
		
		<h:outputText></h:outputText>
		<t:message for="lastVoucher" styleClass="error"></t:message>
		<h:panelGroup>
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<h:outputLabel for="lastVoucher" value="#{messages['voucher.last.label']}" styleClass="standardText_Label" />
		</h:panelGroup>
		<h:panelGroup>
			<t:selectOneMenu id="lastVoucher" styleClass="standardText" value="" required="true">
				<f:selectItem itemLabel="#{messages['please.select']}" itemValue="" />
			</t:selectOneMenu>
		</h:panelGroup>
		
		<h:outputText value="#{messages['voucher.product.label']}" styleClass="standardText_Label" />
		<h:outputText value="Product" styleClass="standardText" />
		
		<h:outputText value="#{messages['voucher.no.of.person.label']}" styleClass="standardText_Label" />
		<h:outputText value="1" styleClass="standardText" />
		
		<h:outputText value="#{messages['voucher.no.of.nights.label']}" styleClass="standardText_Label" />
		<h:outputText value="1" styleClass="standardText" />
		
		<h:outputText value="#{messages['effective.date.label']}" styleClass="standardText_Label" />
		<h:outputText value="01/04/2008" styleClass="standardText" />
		
		<h:outputText value="#{messages['expiry.date.label']}" styleClass="standardText_Label" />
		<h:outputText value="01/04/2009" styleClass="standardText" />
	</t:panelGrid>
	
	<rich:spacer height="10"></rich:spacer>
	
	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
		<h:outputText></h:outputText>
		<t:panelGrid columns="2">
			<h:commandButton value="#{messages['assign']}" styleClass="button"></h:commandButton>
			<h:commandButton value="#{messages['back']}" styleClass="button"></h:commandButton>
		</t:panelGrid>
	</t:panelGrid>
</rich:panel>	